iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
2
Software Development

Android animation 30天上手系列 第 1

Day01 Android 動畫簡介

  • 分享至 

  • xImage
  •  

前言

相信大家在用App時,會發現App或多或少會用到動畫。
為什麼我們在App要使用動畫呢?簡單說就是為了使用者體驗!動畫可以增加視覺提示,讓使用者在使用你的App知道發生了什麼。動畫還為你的App提供高品質的外觀和感覺更好的使用者體驗。

在真實世界,與物品的互動是會有回饋的,當你按下燈的開關,你會知道你開了,因為真實的東西會給你回饋,會響應我們與它們的互動。而人們在使用App也會希望有類似的響應水平。

你可以參考線上課程,更快的學習效果。

Android 動畫入門到進階

Feedback

動畫能對使用者的操作給予即時的回饋

你有沒有在使用某個App時,點下了某個按鈕卻不知道有沒有按下?不確定是不是應該再按一次。而你可能會再按一次來確認是不是真的按成功了,這就是為什麼提供回饋很重要。

下圖即是Material design點下 button的回饋動畫。
button

像這樣的回饋效果叫RippleDrawable,我們會在之後來告訴大家怎麼客制這樣的效果。

再來看一個例子。在facebook按讚,透過動畫讓使用者明確知道真的點了讚。
fblike

又例如在滑動頁面時,當滑到不能再滑時,下方的動畫讓使用者知道已到頁面的最下方了。
在Material design 這也是預設的動畫效果

scroll

這一30天系列的分享,將介紹以下Android幾種動畫API、也會講一些繪圖的方式、最後希望還能講一些良好的動畫特色。

大綱

繪圖:

  • ShapeDrawable
  • Canvas
  • VectorDrawable

基本Animation

  • View animation
  • Property animation
  • Value animation
  • Frame animation

進階Animation

  • Layout animation
  • Layout transition
  • TransitionManager、Scene
  • MotionLayout
  • VectorDrawable animation

Material Design 相關動畫

  • CoordinatorLayout
  • RevealAnimation
  • RippleAnimation

其他

  • 良好的動畫特色
  • 動畫範例

最後,其實動畫並不難,對於提升使用者體驗是很有感的,最重要的是還很好玩。
就讓我們一起來玩動畫吧!

線上課程

線上課程:
Android 動畫入門到進階
Android UI 進階實戰(Material Design Component)

出版書:
Android TDD 測試驅動開發:從 UnitTest、TDD 到 DevOps 實踐


下一篇
Day02 View Animation
系列文
Android animation 30天上手30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言